<template>
  <div>
    <el-container>
      <el-row class="container">
        <el-container>
            <el-main class="main">
              <leave-msg-main></leave-msg-main>
            </el-main>
        </el-container>
      </el-row>
    </el-container>
  </div>
</template>

<script>
import leaveMsgMain from './leaveMsgMain.vue'
// import LeaveMsgAside from './leaveMsgAside.vue'
import 'element-ui/lib/theme-chalk/display.css'

export default {
  name: '',
  components: {
    leaveMsgMain,
    // LeaveMsgAside
  }
}
</script>

<style lang='stylus' scoped>
  .container
    // background-color rgba(221, 211, 211, 0.5)
    width 100%
    .aside
      background-color rgba(221, 221, 221, 0.5)
    .header
      line-height 3.75rem
      .link
        color #b8b8c2 
        font-size 1rem
        font-weight bold
        text-decoration none
      .header-button
        margin-top 0.63rem
        width 100%
      .col-bgc
        background-color rgba(221, 221, 221, 0.5)
        border-radius 0.31rem
        margin-top 1.25rem
    .main
      background-color rgba(221, 221, 221, 0.5)
    .footer
      background-color rgba(241, 241, 241, 0.5)
</style>
